<div data-am-widget="tabs" data-am-tabs="{noSwipe: 1}" class="am-tabs am-tabs-default">
    <ul class="am-tabs-nav am-cf sss">
        <li class="am-active"><a href="#">特码</a></li>
        <li class=""><a href="#">两面</a></li>
        <li class=""><a href="#">色波</a></li>
        <li class=""><a href="#">特肖</a></li>
        <li class=""><a href="#">合肖</a></li>
        <li class=""><a href="#">特码头尾数</a></li>
        <li class=""><a href="#">正码</a></li>
        <li class=""><a href="#">正码特</a></li>
        <li class=""><a href="#">正码1~6</a></li>
        <li class=""><a href="#">五行</a></li>
        <li class=""><a href="#">平特一肖尾数</a></li>
        <li class=""><a href="#">正肖</a></li>
        <li class=""><a href="#">七色波</a></li>
        <li class=""><a href="#">总肖</a></li>
        <li class=""><a href="#">自选不中</a></li>
        <li class=""><a href="#">连肖连尾</a></li>
        <li class=""><a href="#">连码</a></li>
    </ul>
    <div class="am-tabs-bd">
        <div data-tab-panel-0 class="am-tab-panel am-active">
            <!-- A&B特码 -->
            <div data-am-widget="tabs" class="am-tabs am-tabs-d2 tema_ab">
                <ul class="am-tabs-nav am-cf">
                    <li class="am-active"><a href="[data-tab-panel-100]">特码B</a></li>
                    <li class=""><a href="[data-tab-panel-101]">特码A</a></li>
                </ul>
            
                <div class="am-tabs-bd">
                    <div data-tab-panel-100 class="am-tab-panel am-active">
                        <table class="temab container">
                        </table>
                    </div>
                    <div data-tab-panel-101 class="am-tab-panel ">
                        <table class="temaa container">
                        </table>
                    </div>
                </div>
            </div>

            <table class="dxds container">
            </table>
        </div>
        <div data-tab-panel-1 class="am-tab-panel">
            <table class="lmp container">
            </table>
        </div>
        <div data-tab-panel-2 class="am-tab-panel">
            <table class="sebo container">
                <tbody>
                </tbody>
            </table>

            <table class="banbo container">
                <thead>
                    <tr>
                        <th colspan="4">半波</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="banbanbo container">
                <thead>
                    <tr>
                        <th colspan="4">半半波</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-3 class="am-tab-panel">
            <table class="texiao container">
            </table>
        </div>
        <div data-tab-panel-4 class="am-tab-panel">
            <table class="hexiao container">
                <thead>
                    <tr><th colspan="5">合肖</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-5 class="am-tab-panel">
            <table class="tematws container">
            </table>
        </div>
        <div data-tab-panel-6 class="am-tab-panel">
            <table class="zhengma container">
            </table>
        </div>
        <div data-tab-panel-7 class="am-tab-panel">
            <!-- 正一特到正六特 -->
            <div data-am-widget="tabs" class="am-tabs am-tabs-d2 tema_ab zt16">
                <ul class="am-tabs-nav am-cf">
                    <li class="am-active"><a href="[data-tab-panel-200]">正一特</a></li>
                    <li class=""><a href="[data-tab-panel-201]">正二特</a></li>
                    <li class=""><a href="[data-tab-panel-202]">正三特</a></li>
                    <li class=""><a href="[data-tab-panel-203]">正四特</a></li>
                    <li class=""><a href="[data-tab-panel-204]">正五特</a></li>
                    <li class=""><a href="[data-tab-panel-205]">正六特</a></li>
                </ul>
            
                <div class="am-tabs-bd">
                    <div data-tab-panel-200 class="am-tab-panel am-active">
                        <table class="zt1 container">
                        </table>
                        <table class="ztdxds1 container">
                        </table>
                    </div>
                    <div data-tab-panel-201 class="am-tab-panel am-active">
                        <table class="zt2 container">
                        </table>
                        <table class="ztdxds2 container">
                        </table>
                    </div>
                    <div data-tab-panel-202 class="am-tab-panel am-active">
                        <table class="zt3 container">
                        </table>
                        <table class="ztdxds3 container">
                        </table>
                    </div>
                    <div data-tab-panel-203 class="am-tab-panel am-active">
                        <table class="zt4 container">
                        </table>
                        <table class="ztdxds4 container">
                        </table>
                    </div>
                    <div data-tab-panel-204 class="am-tab-panel am-active">
                        <table class="zt5 container">
                        </table>
                        <table class="ztdxds5 container">
                        </table>
                    </div>
                    <div data-tab-panel-205 class="am-tab-panel am-active">
                        <table class="zt6 container">
                        </table>
                        <table class="ztdxds6 container">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div data-tab-panel-8 class="am-tab-panel">
            <ul class="am-avg-sm-3 zhengma16">
            </ul>
        </div>
        <div data-tab-panel-9 class="am-tab-panel">
            <table class="wuxing container">
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-10 class="am-tab-panel">
            <table class="yixiao container">
                <thead>
                    <tr>
                        <th colspan="4">一肖</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="weishu container">
                <thead>
                    <tr>
                        <th colspan="4">尾数</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-11 class="am-tab-panel">
            <table class="zhengxiao container">
            </table>
        </div>
        <div data-tab-panel-12 class="am-tab-panel">
            <table class="qisebo container">
                <thead>
                    <tr>
                        <th colspan="7">七色波</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-13 class="am-tab-panel">
            <table class="zongxiao container">
                <thead>
                    <tr>
                        <th colspan="3">总肖</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-14 class="am-tab-panel">
            <table class="buzhong container">
                <thead>
                    <tr><th colspan="4">自选不中</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-15 class="am-tab-panel">
            <table class="lianxiao2 container">
                <thead>
                    <tr><th colspan="4">二连肖</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianxiao3 container">
                <thead>
                    <tr><th colspan="4">三连肖</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianxiao4 container">
                <thead>
                    <tr><th colspan="4">四连肖</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianxiao5 container">
                <thead>
                    <tr><th colspan="4">五连肖</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianwei2 container">
                <thead>
                    <tr><th colspan="5">二连尾</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianwei3 container">
                <thead>
                    <tr><th colspan="5">三连尾</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianwei4 container">
                <thead>
                    <tr><th colspan="5">四连尾</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <table class="lianwei5 container">
                <thead>
                    <tr><th colspan="5">五连尾</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div data-tab-panel-16 class="am-tab-panel">
            <table class="lianma container">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <button class="save am-btn-xl am-btn-primary">保存</button>
</div>

<script>
    function draw_number(n) {
        return n;
    }

    // 特码49个号码
    var table = $(".temaa");
    table.empty();
    for (var i = 1; i <= 10; i++) {
        var tr = $("<tr></tr>");
        for (var j = i; j <= i + 40; j += 10) {
            var k = j < 10 ? "0" + j : j;
            if (j > 49) {
                tr.append("<td> </td>");
                continue;
            }
            AdminLimit.add('特码' + k, draw_number(j), tr);
        }
        table.append(tr);
    }

    var table = $(".temab");
    table.empty();
    for (var i = 1; i <= 10; i++) {
        var tr = $("<tr></tr>");
        for (var j = i; j <= i + 40; j += 10) {
            var k = j < 10 ? "0" + j : j;
            if (j > 49) {
                tr.append("<td> </td>");
                continue;
            }
            AdminLimit.add('特码B' + k, draw_number(j), tr);
        }
        table.append(tr);
    }

    // 大小单双(特码页面)
    var arr = ['大', '单', '合大', '合单', '小', '双', '合小', '合双', '尾大', '大单', '小单', '尾小', '大双', '小双'];
    var table = $(".dxds");
    table.empty();
    var f = function(start, count, table) {
        var tr = $("<tr></tr>");
        for (var i = start; i < start + count; i++) {
            AdminLimit.add('特' + arr[i], '特' + arr[i], tr);
        }
        if (count < 4) tr.append("<td> </td>");
        table.append(tr);
    }
    f(0, 4, table); f(4, 4, table);
    f(8, 3, table); f(11, 3, table);

    // 两面盘
    var arr = ['大', '小', '单', '双', 
        '合大', '合小', '合单', '合双', 
        '天肖', '地肖', '前肖', '后肖', '家肖', '野肖', 
        '大尾', '小尾', 
        '大单', '小单', '大双', '小双'];
    var table = $(".lmp");
    table.empty();
    var tr = $("<tr></tr>");
    for (var i in arr) {
        var k = arr[i];
        if (k[1] == '肖') k = k[0];
        if (k == '大尾') k = '尾大';
        if (k == '小尾') k = '尾小';
        AdminLimit.add('特' + k, '特' + arr[i], tr);
        if (i % 4 == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    var tr = $("<tr></tr>");
    AdminLimit.add('和大', '总和大', tr);
    AdminLimit.add('和小', '总和小', tr);
    AdminLimit.add('和单', '总和单', tr);
    AdminLimit.add('和双', '总和双', tr);
    table.append(tr);

    // 色波
    var table = $(".sebo tbody");
    table.empty;
    var f = function(numbers, k, name, table) {
        var tr = $("<tr></tr>");
        AdminLimit.add(k, name, tr);
        table.append(tr);
    };
    f(LhcRule.hongbo(), '特红', '红波', table);
    f(LhcRule.lanbo(), '特蓝', '蓝波', table);
    f(LhcRule.lvbo(), '特绿', '绿波', table);

    // 半波
    var arr = ['大', '小', '单', '双'];
    var arr2 = ['红', '蓝', '绿'];
    var table = $(".banbo tbody");
    table.empty();
    for (var i in arr2) {
        var tr = $("<tr></tr>");
        for (var j in arr) {
            var k = '特' + arr2[i] + arr[j];
            AdminLimit.add(k, arr2[i] + arr[j], tr);
        }
        table.append(tr);
    }

    // 半半波
    var arr = ['大单', '大双', '小单', '小双'];
    var table = $(".banbanbo tbody");
    table.empty();
    for (var i in arr2) {
        var tr = $("<tr></tr>");
        for (var j in arr) {
            var k = '特' + arr2[i] + arr[j];
            AdminLimit.add(k, arr2[i] + arr[j], tr);
        }
        table.append(tr);
    }

    // 特肖
    var table = $(".texiao");
    table.empty();
    var arr = ['鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊', '猴', '鸡', '狗', '猪'];
    var tr = $("<tr></tr>");
    for (var i in arr) {
        AdminLimit.add('特' + arr[i], arr[i], tr);
        if (i % 4 == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }

    // 特码头尾数
    var table = $(".tematws")
    table.empty();
    for (var i = 0; i <= 4; i++) {
        var tr = $("<tr></tr>");
        AdminLimit.add('特头' + i, i + '头', tr);
        AdminLimit.add('特尾' + (i + 1), (i + 1) + '尾', tr);
        if (i + 6 < 10)
            AdminLimit.add('特尾' + (i + 6), (i + 6) + '尾', tr);
        else
            AdminLimit.add('特尾0', '0尾', tr);
        table.append(tr);
    }

    // 正码
    var table = $(".zhengma")
    table.empty();
    for (var i = 1; i <= 10; i++) {
        var tr = $("<tr></tr>");
        for (var j = i; j <= i + 40; j += 10) {
            if (j > 49) {
                tr.append("<td> </td>");
                continue;
            }
            AdminLimit.add("正" + j, draw_number(j), tr);
        }
        table.append(tr);
    }

    // 正一特~正六特
    var arr = ['一', '二', '三', '四', '五', '六'];
    var tables = [];
    for (var i = 1; i <= 6; i++) tables.push($(".zt" + i));
    for (var z in arr) {
        var table = tables[z];
        table.empty();
        for (var i = 1; i <= 10; i++) {
            var tr = $("<tr></tr>");
            for (var j = i; j <= i + 40; j += 10) {
                var k = j < 10 ? "0" + j : j;
                if (j > 49) {
                    tr.append("<td> </td>");
                    continue;
                }
                AdminLimit.add(arr[z] + '码' + k, draw_number(j), tr);
            }
            table.append(tr);
        }
    }
    var arr2 = ['大', '单', '合单', '小', '双', '合双', '红', '蓝', '绿'];
    var tables = [];
    for (var i = 1; i <= 6; i++) tables.push($(".ztdxds" + i));
    var tr = $("<tr></tr>");
    for (i in arr) {
        var table = tables[i];
        table.empty();
        for (var j in arr2) {
            AdminLimit.add(arr[i] + arr2[j], '正' + (parseInt(i) + 1) + '-' + arr2[j], tr);
            if (j % 3 == 2) {
                table.append(tr);
                tr = $("<tr></tr>");
            }
        }
    }

    // 正码1~6
    var arr = ['一', '二', '三', '四', '五', '六'];
    var arr2 = ['单', '双', '大', '小', '合单', '合双', '合大', '合小', '红', '蓝', '绿', '尾大', '尾小'];
    var div = $(".zhengma16");
    div.empty();
    for (var z in arr) {
        var table = $('<table class="container"></table>');
        table.append('<tr><th>正码' + arr[z] + '</th></tr>');
        for (var i in arr2) {
            var tr = $("<tr></tr>");
            var name = arr2[i];
            if (i < 4) name += '码';
            if (name == '红' || name == '蓝' || name == '绿') name += '波';
            AdminLimit.add(arr[z] + arr2[i], name, tr);
            table.append(tr);
        }

        var li = $("<li></li>");
        li.append(table);
        div.append(li);
    }

    // 五行
    var table = $(".wuxing tbody");
    table.empty;
    f(LhcRule.jin(), '特金', '金', table);
    f(LhcRule.mu(), '特木', '木', table);
    f(LhcRule.shui(), '特水', '水', table);
    f(LhcRule.huo(), '特火', '火', table);
    f(LhcRule.tu(), '特土', '土', table);

    // 一肖
    var table = $(".yixiao tbody");
    table.empty;
    var arr = ['鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊', '猴', '鸡', '狗', '猪'];
    var tr = $("<tr></tr>");
    for (var i in arr) {
        AdminLimit.add('平特' + arr[i], arr[i], tr);
        if (i % 4 == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }

    // 尾数
    var table = $(".weishu tbody");
    table.empty;
    var tr = $("<tr></tr>");
    for (var i = 0; i <= 9; i++) {
        AdminLimit.add('平特尾' + i, "平特" + i + '尾', tr);
        if (i % 4 == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    tr.append("<td></td>"); tr.append("<td></td>");
    table.append(tr);

    // 正肖
    var table = $(".zhengxiao");
    table.empty;
    var arr = ['鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊', '猴', '鸡', '狗', '猪'];
    var tr = $("<tr></tr>");
    for (var i in arr) {
        AdminLimit.add('正' + arr[i], arr[i], tr);
        if (i % 4 == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }

    // 七色波
    var table = $(".qisebo tbody");
    table.empty;
    var tr = $("<tr></tr>");
    AdminLimit.add('七红', '红波', tr); tr.append("<td class='line'><div class='line'></div></td>");
    AdminLimit.add('七蓝', '蓝波', tr); tr.append("<td class='line'><div class='line'></div></td>");
    AdminLimit.add('七绿', '绿波', tr); tr.append("<td class='line'><div class='line'></div></td>");
    AdminLimit.add('七和', '和局', tr);
    table.append(tr);

    // 总肖
    var table = $(".zongxiao tbody");
    table.empty;
    var tr = $("<tr></tr>");
    for (var i = 2; i <= 7; i++) {
        AdminLimit.add('总' + i, i + '肖', tr);
        if (i == 4) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    table.append(tr);
    var tr = $("<tr></tr>");
    AdminLimit.add('总单', '总肖单', tr);
    AdminLimit.add('总双', '总肖双', tr);
    tr.append("<td></td>");
    table.append(tr);

    // 合肖2-11
    table = $(".hexiao tbody")
    table.empty;
    var tr = $("<tr></tr>");
    for (var i = 2; i <= 11; i++) {
        AdminLimit.add("合" + i, i + '个', tr);
        if (i == 6) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    table.append(tr);

    // 不中5-12
    table = $(".buzhong tbody")
    table.empty;
    var tr = $("<tr></tr>");
    for (var i = 5; i <= 12; i++) {
        AdminLimit.add("不中" + i, i + '个', tr);
        if (i == 8) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    table.append(tr);

    // 连肖、连尾
    var arr = ['鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊', '猴', '鸡', '狗', '猪'];
    for (var i = 2; i <= 5; i++) {
        var table = $(".lianxiao" + i + " tbody");
        table.empty();
        var tr = $("<tr></tr>");
        for (var j in arr) {
            AdminLimit.add('连肖' + i + arr[j], arr[j], tr);

            if (j % 4 == 3) {
                table.append(tr);
                tr = $("<tr></tr>");
            }
        }

        var table = $(".lianwei" + i + " tbody");
        table.empty();
        var tr = $("<tr></tr>");
        for (var j = 0; j <= 9; j++) {
            AdminLimit.add('连尾' + i + j, j + '尾', tr);

            if (j % 5 == 4) {
                table.append(tr);
                tr = $("<tr></tr>");
            }
        }
    }
    var tr = $("<tr style='display:none'></tr>");
    for (var i = 2; i <= 5; i++) {
        //AdminLimit.add2('连肖' + i, '连肖' + i, 2, tr);
        //AdminLimit.add2('连尾' + i, '连尾' + i, 2, tr);
    }
    table.append(tr);

    // 连码
    var types = ['中3', '三中三', '中2', '二中特', '全3', '全2', '特串', '全4'];
    var table = $(".lianma tbody");
    table.empty;
    var tr = $("<tr></tr>");
    for (var i in types) {
        var name = types[i];
        if (name == '三中三') name = '三中二之三中三';
        else if (name == '二中特') name = '二中特之中特';
        else name = LhcRule.getTargetName(name);
        AdminLimit.add(types[i], name, tr);
        if (i == 3) {
            table.append(tr);
            tr = $("<tr></tr>");
        }
    }
    table.append(tr);
</script>

<style type="text/css">
.sss {
    font-size: 12px;
}

.temaa .rate, .temab .rate {
    width: 90px;
}
.temaa .back, .temab .back {
    width: 80px;
}
.lmp .rate {
    width: 140px;
}
.lianma .rate {
    width: 160px;
}
</style>